<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>蓝色风格</title>

    <script src="../js/base.min.js"></script>

    <link rel="stylesheet" href="//at.alicdn.com/t/font_1522966_j22gqux4jz.css"/>
    <link rel="stylesheet" href="../css/lans.css"/>


</head>
<body>

<header></header>
<section>
    <ul class="ul" flex="main:justify">
        <li flex="dir:top cross:center">
            <img src="../img/lanse/3.png"/>

            <p>会员专区</p>
        </li>
        <li flex="dir:top cross:center">
            <img src="../img/lanse/4.png"/>

            <p>精选理财</p>
        </li>
        <li flex="dir:top cross:center">
            <img src="../img/lanse/5.png"/>

            <p>理财助手</p>
        </li>
        <li flex="dir:top cross:center">
            <img src="../img/lanse/6.png"/>

            <p>推荐有礼</p>
        </li>

    </ul>
</section>

<section id="a">
    <div class="d3">
        <p class="p">新人专享</p>
    </div>
    <ul  class="ul-2">
        <li class="li">
            <div flex>
                <h2 class="h2">7.5%</h2>
                <div class="div">
                    <p class="sp">包图省心宝</p>

                    <p class="sp-1">锁定期90天</p>
                </div>
            </div>
            <div class="div-1">
                <div></div>
            </div>
        </li>
        <li class="li">
            <div flex>
                <h2 class="h2">7.5%</h2>
                <div class="div">
                    <p class="sp">包图省心宝</p>

                    <p class="sp-1">锁定期90天</p>
                </div>
            </div>
            <div class="div-1">
                <div></div>
            </div>
        </li>
        <li class="li">
            <div flex>
                <h2 class="h2">7.5%</h2>
                <div class="div">
                    <p class="sp">包图省心宝</p>

                    <p class="sp-1">锁定期90天</p>
                </div>
            </div>
            <div class="div-1">
                <div></div>
            </div>
        </li>
    </ul>
</section>


<section id="b">
    <div class="div-2" flex="cross:center">
        <p>精选理财</p>
    </div>
    <div class="div-3" flex>
        <div>基金</div>
        <h4>一日存入  月月取息</h4>
    </div>
    <div flex="main:justify cross:center" class="d1">
        <div flex="dir:top cross:center" class="di">
            <h2 class="h2-2">6.18%</h2>
            <p class="p-1">七日年化收益率</p>
        </div>
        <div >
            <p class="p-3">1000元起投  明星基金经理</p>
            <div class="d2">
                <div></div>
            </div>
        </div>
        <div flex="dir:top cross:center">
            <button class="bu">立即投资</button>
            <p class="p-4">已投资700000万元</p>
        </div>
    </div>
</section>

<footer>
    <ul class="ul-3" flex="main:justify">
        <li class="li-1" flex="dir:top cross:center">
            <img src="../img/lanse/7.png" />
            <p>首页</p>
        </li>
        <li  class="li-2" flex="dir:top cross:center">
            <img src="../img/lanse/8.png" />
            <p>理财</p>
        </li>
        <li  class="li-3" flex="dir:top cross:center">
            <img src="../img/lanse/9.png" />
            <p>投资</p>
        </li>
        <li  class="li-4" flex="dir:top cross:center">
            <img src="../img/lanse/10.png" />
            <p>我的</p>
        </li>
    </ul>
</footer>

</body>
</html>